Wooden

3DCart Responsive Theme - Userguide

Created: 11/05/2018
Latest update: 11/05/2018
By: Apollotheme

THANK YOU FOR PURCHASING OUR THEME!

Here are some basics on installing, configuring and customizing the Wooden,

BEFORE WE GO

The theme and the sample data is provided "as is". Customizing code and other design related issues can be done as freelance work on a $50-100 hourly rate only with Paypal and/or Skrill, if Wooden's available. If you are new to 3DCart, please understand I cannot fix your site for free. Apollotheme would love to help everyone but there is no time. I suggest reading documentation available online regarding using 3DCart, server requirements, etc.

If you like this theme please rate it.

Have a wonderful rest of your day!

Apollotheme Team

THEME INTRODUCTION

Responsive 3DCart theme "Wooden" is an elegant eCommerce 3DCart coolstuff theme that charms your stores with the professional design, a sleek layout and functional features. The site makeover is well suited for Wooden about clothing, shoes, glasses and accessories.

At the first glance, you may fall for the beautiful imagery display of "Wooden" which is catchy, smooth and mostly animated. "Wooden" supports responsive web design along with Off-canvas menu for mobile device accessibility."Wooden" also settings to get your store in multiple store views.

Getting Started

Getting up and running with Providence is quick and easy. Simply create a 3DCart account, purchase the theme and upload it. You'll then have the opportunity to customize it to your liking before publishing it as your main theme.

If that sounds like a lot, don't worry… each step is outlined in detail below and it's entirely possible to go from scratch to a store running Providence in under ten minutes!

Purchasing Providence

You could buy theme at providers such as: ThemeForest , 3DCart ...

Installing Providence

After you have followed the 'Purchasing Providence' steps above, you can download your theme and easily install your own theme for your online store based on our guideline below.

I. Install theme

If you are new with 3DCart. We advise reading and familiarizing yourself with the 3DCart Install.

II. Import Data Product Sample

- Go to Products › Product List › Export / Import.

- Section Import at the right side : Select products and click to export data when dropdown dropped

Link Import via CSV

- General Setting

- When store administrators use Theme Editor to customize your theme for their store, the store's resulting configuration settings are saved to a separate configuration service at 3DCart.

Upload theme

Theme Editor is a friendly user interface that allows 3DCart merchants to modify their storefront's look and feel without coding.
Users customize their storefront theme by selecting from among graphical examples and menu options.

Upload theme

1.Create megamenu

Creat Categories

- Goto -> Products -> Categories

- Top menu fetch all categories, You added on admin.

Detail here

Upload theme

Creat sub menu

Settings => Design => Themes and Styles => More Edit Template

Upload theme

Chose file frame.html and creat code in Megamenu content like this:

Upload theme

Code like this:

Upload theme

You must use id="megamenu-1", id="megamenu-2", id="megamenu-3",...id="megamenu-n". It will be corresponding with ordinal of Categories

Example: id="megamenu-1" = Best seller in categories. id="megamenu-2" = Categories.

2.Configure Ui Megamenu

-Products -> Categories -> Click Categories Detail

Upload theme

- Go to Storefront Design › Design Options, then click the Carousel & Social Media tab,
and click on one of the small blank slide thumbnails under the carousel preview.

Carousel Builder

2.Configure Ui Slideshow

- Modules -> Carousel -> Change settings

Upload theme

1. Category Header

- Content -> Title & Content -> Scroll to home page click edit

Upload theme

- At Section header you can add content html for top banner

Upload theme

Copy this code into header.

				<br>
				<div class="html_block block">
				  <div class="container">
				    <div class="row ">
				      <div class="home_banner group_banner clearfix">
				        <div class="banner_left col-lg-5 col-md-5 col-sm-5 col-xs-12 col-sp-12">
				          <div class="banner_description block clearfix">
				            <h4 class="title_block">top collection</h4>
				            <p>Claritas processus dynamicus sequitur mutationem consuetudium lectorum notare</p>
				            <div class="link-view pull-left">
				              <a class="btn" href="/Best-Seller_c_15.html">discover now</a>
				            </div>
				          </div>
				          <div class="widget-banner block">
				            <div class="block_content">
				              <div class="image-box">
				                <div class="img-banner effect">
				                  <a href="/Best-Seller_c_15.html">
				                    <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/home_banner.jpg?11471428689816397840" alt="Adv Banner" class="img-responsive">
				                    </a>
				                  </div>
				                </div>
				              </div>
				            </div>
				          </div>
				          <div class="banner_right col-lg-7 col-md-7 col-sm-7 col-xs-12 col-sp-12">
				            <div class="banner-top-right">
				              <div class="widget-banner block">
				                <div class="block_content">
				                  <div class="image-box">
				                    <div class="img-banner effect">
				                      <a href="/Best-Seller_c_15.html">
				                        <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/home_banner1.jpg?11471428689816397840" alt="Adv Banner" class="img-responsive">
				                        </a>
				                      </div>
				                    </div>
				                  </div>
				                </div>
				              </div>
				              <div class="banner-bt-right">
				                <div class="widget-banner block">
				                  <div class="block_content">
				                    <div class="image-box">
				                      <div class="img-banner effect">
				                        <a href="/Best-Seller_c_15.html">
				                          <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/home_banner2.jpg?11471428689816397840" alt="Adv Banner" class="img-responsive">
				                          </a>
				                        </div>
				                      </div>
				                    </div>
				                  </div>
				                </div>
				              </div>
				            </div>
				          </div>
				        </div>
				      </div>

Upload theme

2. Featured Products

Settings -> General -> Store Settings -> Product Display

Upload theme

- At Section header You can add products and upload product images here

Upload theme

3. Homepage Footer

- At Section header you can add content html for bottom banner

Upload theme

Copy this code into Footer

				<div class="container">
					<div class="row">
						<div class="testimonial-block col-md-6 col-sm-12 col-xs-12">
							<div class="block-content">
								<div class="testimmonial-slick">
									<div class="block-carousel-container">
										<div class="left-block">
											<div class="testimonial-item">
												<div class="testimonial">
													<p class="testimmonial_des">
														Duis autem eum iriure dolor in hendrerit in vulputate velit esse
														molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
													</p>
												</div>
												<div class="infomations_block">
													<div class="t-avatar">
														<img alt="Petter Doe" src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/avatar.png?11471428689816397840" class="img-circle">
													</div>
													<div class="profile">
														<p class="title_block testimmonial__name">
															LISA LUU
														</p>
														<p>
															<span class="testimmonial__name--sub">Comment via Facebook</span>
														</p>
													</div>
												</div>
											</div>
										</div>	
									</div>
									<div class="block-carousel-container">
										<div class="left-block">
											<div class="testimonial-item">
												<div class="testimonial">
													<p class="testimmonial_des">
														Duis autem eum iriure dolor in hendrerit in vulputate velit esse
														molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
													</p>
												</div>
												<div class="infomations_block">
													<div class="t-avatar">
														<img alt="Petter Doe" src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/avatar.png?11471428689816397840" class="img-circle">
													</div>
													<div class="profile">
														<p class="title_block testimmonial__name">
															LISA LUU
														</p>
														<p>
															<span class="testimmonial__name--sub">Comment via Facebook</span>
														</p>
													</div>
												</div>
											</div>
										</div>	
									</div>
								</div>
							</div>
						</div>
						<div class="logo-brand col-md-6 col-sm-12 col-xs-12">
							<div class="brand-logo">
										<div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								               	<img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_1.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_2.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_3.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_4.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_5.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_6.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_7.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_8.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_9.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>


								 		<div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								               	<img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_1.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_2.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_3.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_4.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_5.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_6.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_7.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_8.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
								        <div class="logo-manu col-md-4 col-sm-4 col-xs-6 col-sp-12">
								            <a href="" title="Vendor">
								                <img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/vendor_logo_9.png?11471428689816397840" alt="Vendor" class="replace-2x img-responsive">
								            </a>
								        </div>
						    </div>
						</div>
					</div>
				</div>
				<div class="block-insta">
				<div class="container">
					<div class="row">
					                  <div class="insta-block col-md-12 col-xs-12">
					                     <div class="heading">
					                        <h2 class="page_heading">
					                            <span>FROM INSTAGRAM</span>
					                        </h2>
					                         <span class="page_sub_heading">Pick the most popular products from us. May you love them!</span>
					                      </div>
					                      <div id="instafeed" class="single-item"></div>
				                              <p class="link-instagram btn"><a href="https://www.instagram.com/shopify/" title="Follow Us">Follow Us</a></p>
					                  </div>
					</div>
				</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="html_block block"><div class="row"><div class="block-service block clearfix" id="service_shop"><div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 col-sp-12 html-block"><div class="block_content"><div class="service"><i class="fa fa-send-o"></i><h4 class="title_block"> FREE SHIPPING </h4><p>on all order over $200.00</p></div></div></div><div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 col-sp-12 html-block"><div class="block_content"><div class="service"><i class="fa fa-bullhorn"></i><h4 class="title_block"> FRIENDLY SUPPORT </h4><p>24 hours per day, excluding holiday</p></div></div></div><div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 col-sp-12 html-block"><div class="block_content"><div class="service"><i class="fa fa-history"></i><h4 class="title_block"> MONEY BACK </h4><p>10 days for free return and exchange</p></div></div></div></div></div></div>
					</div>
				 </div>

- Content => Title & Content => Scroll to Homepage.

Upload theme

INSTAGRAM: You can change your accessToken in file frame.html ("Settings => Design => Themes and Styles => Scroll to frame.html") and find code "accessToken". You can search "accessToken" Here

Upload theme

4. Block Social footer

Detail Here

Upload theme

- You can add links for social networks here

Upload theme

1. Keep In Touch

- Content --> Design -> Themes & Styles -> Edit Template -> edit file: frame.html

Upload theme

2. Link Extra Page

Upload theme

Content --> Site Content

Upload theme

3. Custom Link

Settings --> Design -> Themes & Styles -> Edit Template -> edit file: frame.html

				
                  <div class="col-md-2 col-sm-6 col-xs-12">
                     <div class="account">
                        <h4 class="accordion heading-page">Account</h4>
                        <div class="panel">
                           <ul class="list-unstyled list-inline">
                              <li><a href="/myaccount.asp">Log In</a></li>
                              <li><a href="/register.asp">Register</a></li>
                              <li><a href="/view_wishlist.asp">Wishlist</a></li>
                              <li><a href="/view_cart.asp">View Cart</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>

Upload theme

4. Newsletter

Smartlists Newsletter

Detail Here

Upload theme

5. Bottom Footer

-Settings --> Design -> Themes & Styles -> Edit Template -> edit file: frame.html

				
	            <div class="copyright">
		            <div class="container">
		               <div id="powered">
		                     <div class="copyright_txt">
		                <p class="text-center powered_image"><a href="#"><img src="//cdn.shopify.com/s/files/1/1359/9953/t/2/assets/image_powered.png?8353452011582339258" class="" title="" alt="logo"></a></p>
		                <p class="text-center">[frame_copyright1]</span></p>
		                <p class="text-center">Made with <span class="fa fa-heart" aria-hidden="true"></span> by Apollotheme</p>
		                        <p></p>
		                     </div>
		               </div>
		            </div>
	            </div>

Upload theme